
body {
    overflow-x: hidden;
    font-family: "微软雅黑 Light", "Segoe UI";
}

#bg {
    width: 100%;
    height: 70vh;
    background: url("../imgs/contactUs-bg.jpg") no-repeat center fixed;
    background-size: 100% 100%;
    padding-top: 15%;
    padding-left: 20%;
}

.contactUs {
    /*background: url("../images/contactUs-bg.jpg")no-repeat center fixed;*/
    /*background-size: 100% 100%;*/
    width: 20vw;
    height: 50vh;
    background: rgba(0, 0, 0, 0.3);
    /*box-shadow:0 0 20px 1px rgba(255,255,255,0.6);*/
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.8);
    color: #FFF;
    padding: 1% 1% 1% 2%;
    /*background: #000;*/
}

.contactUs h1 {
    font-size: 2vw;
}

.contactUs p {
    font-size: 0.9vw;
    margin: 4% 0;
}

.contactUs img {
    width: 50%;
    height: auto;
}
#content{
    width:100%;
    position: relative;
    background: url("../images/contact-color-bg.png") repeat-x;
    background-size: auto 100%;
    height:80vh;
}
.cloud{
    height:20vh;
    width:100%;
    background: url("../imgs/yunbg.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top:-20vh;
}
.content-inner{
    width:80%;
    margin:0 auto;
    padding: 5% 0;
    position: relative;
    border-bottom: 5px dashed #00aa00;
}
#map {
    width: 40vw;
    height: 50vh;
    border: #ccc solid 1px;
    font-size: 12px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.9);
    z-index:10;
}
.route{
    width:40vw;
    height:50vh;
    max-width: 40vw;
    position: absolute;
    top:0%;
    right:-10%;
    background: #ddf;
    padding: 1% 1% 1% 2%;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.9);
    z-index:10;
}
.route h1{
    font-size: 1.5vw;
}
.route p{
    font-size: 1vw;
    margin:3% 0;

}
.line{
    position: absolute;
    border:5px dashed #00aa00;
    width:50vh;
    height:50vh;
    top:-10%;
    left:30%;
    border-radius: 40vw;
}
